<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
    <script>
        var divs = document.getElementsByClassName("content");
        divs[1].className = "wraper";
        console.log(divs.length); //2
        // 答案: 2
        // 解析: 为什么会是2呢 ?
        //     在JS中我们把第二个class为content的div的类名改成了wrapper。
        // 这时候我们看divs发现里面还有两个元素了。
        // 这里要和同学们说一下关 于getElementsByClassName的 - -个鲜为人知的
        // 特点。
        // getElementsByClassName方法可以获取具有指定class属性值的元素，
        // 返回值是一一个集合。
        // 集合是动态的， 能够自动感知集合中元素增加或者减少。.
    </script>
</body>

</html>